<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>下载</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            font-size: 16px;
        }

        body {
            background-color: #FFF;
            font-size: 16px;
            color: #333;
        }

        a:link, a:visited, a:hover, a:active {
            text-decoration: none;
        }

        .bg {
            background: url(/public/static/img/h5/d4.png) center no-repeat;
            background-size: 100% 100%;
            width: 100vw;
            height: 100vh;
        }

        .logo {
            width: 8rem;
            height: 8rem;
            position: absolute;
            background: url(/public/static/img/h5/d2.png) center no-repeat;
            background-size: 100%;
            left: 50%;
            margin-left: -4rem;
            top: 7rem;
        }

        .txt {
            width: 11rem;
            height: 5.6rem;
            position: absolute;
            background: url(/public/static/img/h5/d3.png) center top no-repeat;
            background-size: 100%;
            left: 50%;
            margin-left: -5.5rem;
            top: 17rem
        }

        .download {
            position: absolute;
            width: 19rem;
            left: 50%;
            margin-left: -9.5rem;
            bottom: 9rem;
        }

        .qrCode {
            width: 120px;
            position: absolute;
            left: 50%;
            margin-left: -3.75rem;
            margin-top: 25rem;
        }

        .wechat-tip {
            display: none;
            position: fixed;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.6);
            z-index: 5;
        }

        .wechat-tip .line1 {
            font-size: 18px;
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
            position: absolute;
            top: 18vw;
            right: 16vw;
        }

        .wechat-tip .line2 {
            font-size: 12px;
            font-weight: 400;
            color: rgba(255, 255, 255, 1);
            position: absolute;
            top: 26vw;
            right: 16vw;
        }

        .arrow {
            position: absolute;
            top: 3vw;
            right: 2vw;
            width: 14vw;
        }
    </style>
</head>
<body>
<div class="bg">
    <div class="logo"></div>
    <div class="txt"></div>
    <!--<img class="qrCode" src="/public/static/img/h5/123.png" alt="">-->

    <a class="download" href="{$Think.config._download.url}">
        <img src="/public/static/img/h5/d1.png" width="100%">
    </a>

    <div class="wechat-tip">
        <img src="https://js.tuguaishou.com/img/app/arrow.png" alt="" class="arrow">
        <p class="line1">点击右上角选择浏览器打开</p>
        <p class="line2">如浏览器打开失败，请移步桌面直接打开应用</p>
    </div>
</div>
<script src="__JS__/jquery.min.js"></script>
<script>
    var ua = window.navigator.userAgent.toLowerCase();
    if (ua.match(/MicroMessenger/i) == 'micromessenger') {
        $(".wechat-tip").show();
    }
</script>
</body>
</html>